import { dicoverMenu } from "@/common/local-data";
import React, { memo } from "react";
import { NavLink, Outlet } from "react-router-dom";
import { DiscoverWrapper, TopMenu } from "./style";

const Discover = memo(() => {

  return (
    <div>
      <DiscoverWrapper>
        <div className="top">
          <TopMenu className="wrap-v1">
            {dicoverMenu.map((item, index) => {
              return (
                <div className="item" key={item.title}>
                  <NavLink to={item.link}>{item.title}</NavLink>
                </div>
              );
            })}
          </TopMenu>
        </div>
      </DiscoverWrapper>

      <Outlet />
    </div>
  );
});

export default Discover;
